<div class='effect-icon' title="{{EffectIcon.name}} {{EffectIcon.level ? 'lvl '+EffectIcon.level : ''}}{{EffectIcon.timer &gt; 0 ? '\nTicks remaining: ' + EffectIcon.timer + ' / ' + EffectIcon._timerMax : ''}}">
<img ng-src='components/game/room/effect-icon/icons/{{EffectIcon.name}}.svg'>
<svg class='effect-icon__level' ng-class="'level--'+EffectIcon.level" ng-if='EffectIcon.level' viewBox='-1 -1 51 51' xmlns='http://www.w3.org/2000/svg'>
<path d='M27.28.5a24,24,0,0,1,19,13.83'></path>
<path d='M48,19.57A24,24,0,0,1,40.79,42'></path>
<path d='M36.34,45.22a24,24,0,0,1-23.67,0'></path>
<path d='M8.27,42A24,24,0,0,1,.94,19.75'></path>
<path d='M2.68,14.33A24,24,0,0,1,21.72.5'></path>
</svg>
<div class='effect-icon__timer' ng-if='EffectIcon.timer &gt; 0'>
<div class='effect-icon__timer-progress' ng-style="{width: (100 * EffectIcon.timer / EffectIcon._timerMax) + '%'}"></div>
</div>
</div>
